<!DOCTYPE html>
<!-- 是Thyme leaf 命名空间，通过引入该
 命名空间就可以在HTML 文件中使用Thymeleaf 标签语言，用关键字“ th ” 来标注。-->
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/header :: common_header(~{::title},~{::link})">
    <title>操作日志</title>
    <link th:href="@{/css/logs/logs.css}" rel="stylesheet">
</head>
<body>
<div id="container">
    <table class="log_table" border="1" id="logInfo">
        <thead>
        <tr>
            <th>操作用户</th>
            <th>IP地址</th>
            <th>客户端</th>
            <th>操作内容</th>
            <th>来源地址</th>
            <th>请求方式</th>
            <th>执行方法</th>
            <th>操作时间</th>
            <th>详情</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        </tbody>
    </table>
    <div class="modal fade" id="myLogModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 style="color: #787878;text-shadow: 1px 1px 1px #FFF;font-size: 20px" class="modal-title" id="myModalLabel">日志信息</h4>
                </div>
                <div class="modal-body">
                    <form action="" method="post" class="info_log_style">
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">用户id:</span>
                            <span id="log_userId" ></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">用户名:</span>
                            <span id="log_userName" ></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">IP地址:</span>
                            <span id="log_ip"></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">客户端:</span>
                            <span id="log_client" ></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">操作内容:</span>
                            <span id="log_content" ></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">来源地址:</span>
                            <span id="log_url" ></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">请求方式:</span>
                            <span id="log_httpMethod" ></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">执行方法:</span>
                            <span id="log_classMethod"></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">参数:</span>
                            <span id="log_param"></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">返回结果:</span>
                            <span id="log_result"></span>
                        </label>
                        <label class="info_log_style-label">
                            <span class="info_log_style-span">操作时间:</span>
                            <span id="log_time"></span>
                        </label>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>


    <div class="pagination">
        <span title="首页" onclick="goFirstPageLog()">首页</span>
        <span title="上一页" onclick="up_down_page(true)">上一页</span>
        <span th:name="pageSpan" id="minPage" onclick="goPage(this)">1</span>
        <span th:name="pageSpan" onclick="goPage(this)">2</span>
        <span th:name="pageSpan" onclick="goPage(this)">3</span>
        <span th:name="pageSpan" onclick="goPage(this)">4</span>
        <span th:name="pageSpan" onclick="goPage(this)">5</span>
        <span th:name="pageSpan"  onclick="goPage(this)">6</span>
        <span th:name="pageSpan" id="maxPage" onclick="goPage(this)">7</span>
        <span onclick="up_down_page(false)">下一页</span>
        <span onclick="goEndPageLog()">尾页</span>
    </div>
</div>
<script th:inline="javascript" th:src="@{/js/backstage/log.js}"></script>
</body>
</html>